// // 变量
// $color-a:green;

// // mixins
// @mixin container {
//   color: red;
//   border: 1px solid #000;
// }

// 模块  (引入)
@import './com.scss';

// 嵌套
body{
  h1{
    color:$color-a;
  }
}

// a{
//   color: green;
// }
// a:hover{
//   font-size: 45px;
//   color: red;
// }

// &父选择器  &变量复用
a{
  &:hover{
    font-size: 45px;
    color:$color-a;
  }
}

// mixins 使用
.mom{
  // color: red;
  // border: 1px solid #000;
  @include container;

  margin: 15px;
}
.non{
  // color: red;
  // border: 1px solid #000;

  @include container;

  font-size: 45px;
}